<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>
	<style type="text/css">
		.finished{
			font-size: 15px;
			color:#777;
			display: block;
		}
		.menuItem{
			background-color: #fff !important;
    		border-bottom: 1px solid #e4e3e6;
    		margin: 11px -15px -11px;
    		padding: 8px 12px 8px 23px;
    		line-height: 23px;
		}
		.menuUl>li>a{
			border-bottom: 1px solid #e4e3e6;
			line-height: 30px;
		}
		.menuItem>a>span{
			font-size: small;
			margin-top: 2px;
		}
		footer{
			position: absolute;
			bottom: 0px;
		}
		.newMenu{
			text-align: center;
		}
		.newMenu a{
			color: #333333;
		}
		.mui-table-view-cell.mui-active {
		    background-color: #fff !important;
		}
		.menuUl .mui-table-view-cell .mui-icon {
		    vertical-align: middle;
		    color: #fff;
		    background-color: #00B281;
		    border-radius: 50%;
		}
		.newMenu span{
			color: #00B281;
		}
		.menuUl>li>div{
			cursor: pointer;
		}
		.mui-table-view-cell.mui-collapse .mui-collapse-content{
			padding: 10px 15px;
		}
		.mui-table-view-cell.mui-collapse .mui-collapse-content .mui-icon{
			padding: 3px;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav">
	      	<button type="button" id="menu" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left" style="height: 100%;display: block;">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-title">踩单</h1>
	    </header>
		<div class="mui-content">
		    <ul class="mui-table-view menuUl">
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="#">
			        	<span class="mui-icon mui-icon-checkmarkempty mui-badge-success"></span>
			        	已完成
			        </a>
			        <div class="mui-collapse-content menuItem"  id="HBWH"> 
		            	<a class="finished">
			            	湖北省      武汉
			            	<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
		            	</a>
			        </div>
			        <div class="mui-collapse-content menuItem">
		            	<a class="finished" href="#">
			            	河南省      郑州
			            	<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
		            	</a>
			        </div>
			        <div class="mui-collapse-content menuItem">
			        	
		            	<a class="finished" href="#">
			            	云南省      大理
			            	<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
		            	</a>
			        </div>
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="#">
			        	<span class="mui-icon mui-icon-flag mui-badge-warning"></span>
			        	未完成
			        </a>
			        <div class="mui-collapse-content menuItem">
		            	<a class="finished" href="#">
			            	湖北省     武汉市
			            	<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
		            	</a>
			        </div>
			        
			    </li>
			    <li class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right" href="#">
			        	<span class="mui-icon mui-icon-closeempty mui-badge-red"></span>
			        	已放弃
			        </a>
			        <div class="mui-collapse-content menuItem">
		            	<a class="finished" href="#">
			            	香港
			            	<span class="mui-icon mui-icon-arrowright mui-pull-right"></span>
		            	</a>
			        </div>
			    </li>
			</ul>
			<footer class="mui-bar">
		      	<div class="newMenu">
				    <a id="newMenu">
				    	新建踩单
				    	<span class="mui-icon mui-icon-plus"></span>
				    </a>
		      	</div>
		    </footer>
		</div>
		
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			var btn = document.getElementById("HBWH");
			//监听点击事件
			btn.addEventListener("tap",function () {
				mui.openWindow({  
			    url: 'pullrefresh_main1.html',  
			    id: 'pullrefresh_main1.html',  
			});
			});
			//触发submit按钮的点击事件
			/*mui.trigger(btn,'tap');*/
			
		</script>
	</body>

</html>